<template>
  <div>
    <el-dialog title="数据导入" :visible.sync="visible">
      <UploadExcel :on-success='success' ref='upload'></UploadExcel>
   <div slot="footer" class="dialog-footer">
    <el-button @click="visible = false">取 消</el-button>
    <el-button type="primary" @click='submit'>确 定</el-button>
  </div>
</el-dialog>
  </div>
</template>

<script>
import UploadExcel from '@/components/UploadExcel'
export default {
  name: 'Importfile',
  components:{
    UploadExcel
  },
  data() {
    return {
      visible:false
    };
  },

  mounted() {
    
  },

  methods: {
    submit(){
      this.$message.success('上传成功')
      this.visible=false
    },
     async success({header,results}){
     const userRelations = {
        '商品名称': 'skuName',
        // '商品图片': 'skuImage',
        '品牌': 'brandName',
        '规格': 'unit',
        '商品价格': 'price',
        // '商品类型': 'skuClass.className',
        '创建时间': 'createTime'
      }
     const arr =results.map(ele=>{
       const newobj={}
      //  此时的ele是数组results里面的每一条对象 对每一条对象中的属性进行遍历  key是对象里面的每一个属性
        Object.keys(ele).forEach(key=>{
          // 因为时间不符合规范，需要格式化 
          // if(userRelations[key]==='createTime'){
          //   this.formatDate(ele[key])
          // }else{
            // 属性换英文
            newobj[userRelations[key]] = ele[key]
          // }
        })
      return newobj
      })

  // 发起请求
      // const res = await importstata(arr)
      // console.log(res,'111');
      // this.$message.success('上传成功')
      // // 导入成功返回上一层
      // this.$router.back()  
    },
  },
  watch:{
    visible(val){
      if(!val){
        this.$refs.upload.fileList=[]
      }
    }
  }
};
</script>

<style lang="scss" scoped>

</style>